<template>
  <div>
    <span>用户名 </span><input type="text" name="username" /><br />
    <span style="margin-right: 15px">密码 </span
    ><input type="text" name="password" />

    <div style="margin-top: 20px">
      <button style="margin-right: 20px">登录</button>
      <button @click="toRegiser">注册</button>
    </div>
  </div>
</template>
 
<script>
export default {
  name: '',
  components: {},
  props: {},
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  methods: {
    // toRegiser(){
    //   this.$router.push({
    //     path:'/register'
    //   })
    // }
    toRegiser(){
    //   //完整写法
    //   this.$router.push({
    //     path:'/register',
    //   query:{
    //     username:'123'
    //   }
    //   })
          this.$router.push({
            //编程式导航传参，query形式无论name还是path都不会受到影响
            // path:'/register',
            //编程式传参用params方式的时候 一定要用name，用path的话会自动忽略params
            name:'Register',
            query:{
              username:'熊大'
            },
            params:{
              username:'熊二'
            }
          }
          )
          //简写 修改 地址 把地址修改到
          // this.$router.push('/register/熊大')
      //简写
      // name:'Regiser',

      // this.$router.push('/register?username=123')
    }
  }
}
</script>

<style scoped>
</style>